<template>
	<view>
		<u-tabbar :value="value" @change="change" :fixed="true" activeColor="#806EFE" inactiveColor="#000"
			:safeAreaInsetBottom="true" :border="false">
			<u-tabbar-item text="订单">
				<image class="u-page__item__slot-icon" slot="active-icon"
					src="http://qiniu.suboshimuying.cn/static/merchant/tabbar/ic_tabbar33.png"></image>
				<image class="u-page__item__slot-icon" slot="inactive-icon"
					src="http://qiniu.suboshimuying.cn/static/merchant/tabbar/ic_tabbar03.png">
				</image>
			</u-tabbar-item>
			<u-tabbar-item text="发布项目">
				<image class="u-page__item__slot-icon" slot="active-icon"
					src="http://qiniu.suboshimuying.cn/static/merchant/tabbar/ic_tabbar11.png"></image>
				<image class="u-page__item__slot-icon" slot="inactive-icon"
					src="http://qiniu.suboshimuying.cn/static/merchant/tabbar/ic_tabbar01.png">
				</image>
			</u-tabbar-item>
			<u-tabbar-item text="个人中心">
				<image class="u-page__item__slot-icon" slot="active-icon"
					src="http://qiniu.suboshimuying.cn/static/merchant/tabbar/ic_tabbar22.png"></image>
				<image class="u-page__item__slot-icon" slot="inactive-icon"
					src="http://qiniu.suboshimuying.cn/static/merchant/tabbar/ic_tabbar02.png">
				</image>
			</u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	export default {
		name: "BtnTabbar",
		props: {
			value: {
				Number
			}
		},
		data() {
			return {
				// value4: 0,
			};
		},
		methods: {
			change(e) {
				// console.log(e);
				if (e == this.value) return
				if (e == 0) return uni.navigateTo({
					url: '/subPages/merchant/merchant'
				})
				if (e == 1) return uni.navigateTo({
					url: '/subPages/merchant/releaseProject'
				})
				if (e == 2) return uni.navigateTo({
					url: '/subPages/merchant/mine'
				})
			}
		}
	}
</script>

<style lang="scss">
	.u-page__item__slot-icon {
		width: 48rpx;
		height: 48rpx;
	}
</style>
